<div class="easyui-panel" style="padding:10px;" data-options="fit:true,border:false">
    <div class="easyui-layout s_m_layout" data-options="fit:true">
        <div title="节点管理" data-options="region:'west',split:true,border:true,collapsible:false,tools:'#menu_m_tools'" style="width:220px; padding:20px;">
        	<ul id="menu_tree"></ul>
        </div>
        <div data-options="region:'center',border:true"><div id="menu_cc"></div></div>
    </div>
</div>
<div id="menu_m_tools">
    <a href="javascript:void(0)" class="icon-add" onclick="javascript:newMenu()"></a>
    <a href="javascript:void(0)" class="icon-remove" onclick="javascript:delMenu()"></a>
</div>
<script type="text/javascript">
	var url;
	var menu_a_node_id = null;
	var menu_re_node_id = null;
	function c_menu_tree(){
		$('#menu_tree').tree({
			url:'<?php echo base_url('systemmanage/menu_data?_=')?>'+GetRandomNum(),
			method:'post',
			animate:true,
			lines:false,
			fit:true,
			onClick: function(node){
				//alert(node.text);  // alert node text property when clicked
				$('#menu_cc').panel({
					title:'编辑 '+node.text+' 节点',
					href: '<?php echo base_url('systemmanage/menuedit')?>/'+node.id,
					onLoad:function(){
						url = '<?php echo base_url('systemmanage/menu_edit')?>/'+node.id;
						menu_a_node_id = node.id;
						menu_f_loadLocal('edit');//面板加载完成后执行填充表单数据方法
					} 
				});
			},
			onLoadSuccess:function(node, data){
				if(menu_re_node_id != null){
					menu_a_node(menu_re_node_id);
				}else if(menu_a_node_id != null){
					menu_a_node(menu_a_node_id);	
				}
			}
		});
	}
	c_menu_tree();//渲染菜单列表
	
	function menu_a_node(id){//根据提供的ID,选中相应的节点
		if(id != null){
			var node = $('#menu_tree').tree('find', id);
			$('#menu_tree').tree('select', node.target);	
		}
	}
	function newMenu(){//新建方法
		$('#menu_cc').panel({
			title:'新建',
			href: '<?php echo base_url('systemmanage/menuedit')?>',
			border:false,
			onLoad:function(){ 
				url = '<?php echo base_url('systemmanage/menu_add')?>';
				$('#menu_f').form('clear');//面板加载完成后执行
			} 
		});
	}
	newMenu();
	function saveMenu(){//保存
		$('#menu_f').form('submit',{
			url: url,
			onSubmit: function(){
				return $(this).form('enableValidation').form('validate');
			},
			success: function(result){
				var result = eval('('+result+')');
				if (result.success){
					//$('#menu_tree').tree('reload');    // 该刷新方法不适用与IE
					var t = $('#menu_parent_id').combotree('tree');	// get the tree object
					var n = t.tree('getSelected');		// get selected node
					if(typeof(result.id) == "undefined"){//如果修改
						//dept_a_node(a_node_id);
						menu_re_node_id = null;
					}else{//否则新建
						//dept_a_node(result.id);
						menu_a_node_id = null;
						menu_re_node_id = result.id;
						newMenu();//节点删除后改为新建节点页面
					}
					c_menu_tree();//部门列表修改后重新渲染部门列表树
					menu_s_tree(n.id);//重新渲染编辑中的父部门选择
					$.messager.alert('成功','修改成功！','info');
				} else {
					$.messager.alert('错误',result.errorMsg,'error');
				}
			}
		});
	}
	function delMenu(){//删除节点
		var node = $('#menu_tree').tree('getSelected');
		if (node){
			if(node.text == '系统设置' || node.text == '节点管理' || node.text == '新建节点' || node.text == '编辑节点' || node.text == '删除节点'){
				$.messager.alert('错误','系统不允许删除该节点！','error');	
			}else{
				$.messager.confirm('确认','你确定要删除这个节点吗?',function(r){
					if (r){
						$.post('<?php echo base_url('systemmanage/menu_del');?>',{id:node.id,priv_id:node.priv_id},function(result){
							if (result.success){
								//$('#menu_tree').tree('reload');    // reload the user data
								menu_a_node_id = null;
								menu_re_node_id = null;
								c_menu_tree();//部门列表修改后重新渲染部门列表树
								newMenu();//节点删除后改为新建节点页面
							} else {
								$.messager.alert('错误',result.errorMsg,'error');
							}
						},'json');
					}
				});
			}
			
		}else{
			$.messager.alert('警告','要删除节点，请先指定节点!','warning');
		}
	}
</script>